{% extends 'base.html' %}

{% block body %}

{#<p>You submitted the following data:</p>#}
{#<table>#}
{#<tr><td>TEXT:</td><td>{{ the_text }}</td></tr>#}
{#<tr><td>PASSWORD:</td><td>{{ the_password }}</td></tr>#}
{#</table>#}
<link rel="stylesheet" href="static/home.css" />
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>

<div class="wrapper01">
    <div class="sidebar">
        <h2>沐云</h2>
        <ul>
            <li><a href="{{ url_for('cool_form') }}" rel="external nofollow"><i class="fas fa-home" ></i>当前天气</a></li>
            <li><a href="{{ url_for('forecast_home') }}" rel="external nofollow"><i class="fas fa-user"></i>天气预报</a></li>
            <li><a href="{{ url_for('poi_search') }}" rel="external nofollow"><i class="fas fa-address-card"></i>附近搜索</a></li>
            <li><a href="{{ url_for('view_the_log') }}" rel="external nofollow"><i class="fas fa-project-diagram"></i>日志系统</a></li>
            <li><a href="#"><i class="fas fa-blog"></i>Blogs</a></li>
            <li><a href="#"><i class="fas fa-address-book"></i>Contact</a></li>
            <li><a href="#"><i class="fas fa-map-pin"></i>Map</a></li>
        </ul>
        <div class="social_media">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="#"><i class="fab fa-twitter"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
      </div>
    </div>
    <div class="main_content">
        <div class="header">欢迎来到沐云天气查询小网站！在这里你可以搜索实时天气、查看部分城市天气预报，还可以输入关键词搜索附近商城，为突发天气做好预防！</div>
<div class="body">

                <link rel="stylesheet" href="static/weather.css" />
<div class="wrapper">
<title color="#F1F1E6">欢迎来到沐云</title>
    <div class="sun"></div>
    <div class="cloud">
    <div class="cloud1">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="cloud1 c_shadow">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>

  <div class="cloud_s">
    <div class="cloud1">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="cloud1 c_shadow">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>

  <div class="cloud_vs">
    <div class="cloud1">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="cloud1 c_shadow">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
  <div class="haze"></div>
  <div class="haze_stripe"></div>
  <div class="haze_stripe"></div>
  <div class="haze_stripe"></div>
  <div class="thunder"></div>
  <div class="rain">
     <ul>
       <li></li>
       <li></li>
       <li></li>
    </ul>
  </div>
  <div class="sleet">
     <ul>
       <li></li>
       <li></li>
       <li></li>
    </ul>
  </div>
  <div class="text">
    <ul>
      <li>Mostly Sunny</li>
      <li>Partly Sunny</li>
      <li>Partly Cloudy</li>
      <li>Mostly Cloudy</li>
      <li>Cloudy</li>
      <li>Hazy</li>
      <li>Thunderstorm</li>
      <li>Rain</li>
      <li>Sleet</li>
    </ul>
  </div>
</div>

        </div>
    </div>
</div>


</div>

{% endblock %}